<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/main.css">
</head>
<style type="text/css">
    * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
    ul,li {list-style: none;}
    a {text-decoration: none;color: black;}

    #img_1{
        background-position: 1px -22px;
    }
    #zi_1{color: red}
</style>
<body>
<jsp:include page="hd.jsp"></jsp:include>
<script type="text/javascript">
    /*function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }*/

    function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }
</script>
<!--轮播图-->
<div class="lbt">
    <div class="ft-carousel" id="carousel_2">
        <ul class="carousel-inner">
            <li class="carousel-item"><img src="../images/m_1.jpg" /></li>
            <li class="carousel-item"><img src="../images/m_2.jpg" /></li>
            <li class="carousel-item"><img src="../images/m_3.jpg" /></li>
        </ul>
    </div>
</div>
<!--装修公司-->
<div class="do_wrap">
    <div class="do_tit">
        <h2>找装修公司</h2>
    </div>
    <div class="do_l">
        <ul>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
            <li><a href="firmAll2.jsp">新房</a></li>
        </ul>
        <div class="ban_area">
            <div class="ban_area_tit">
                <h5>专业认证管理</h5>
                <p>免费5次节点验收</p>
            </div>
            <img src="../images/zxgs-1.png">
        </div>
    </div>
    <div class="do_firm">
        <div class="do_firm_l">
            <a href="singleCompany.jsp">
                <div class="ii"><img src="../images/g1.jpg" width="228" height="145"></div>
                <div>
                    <p>T6空间设计</p>
                    <span>品质打响品牌 精工成就精彩</span>
                </div>
            </a>
            <a href="singleCompany.jsp">
                <div class="ii"><img src="../images/g2.jpg" width="228" height="145"></div>
                <div>
                    <p>T6空间设计</p>
                    <span>品质打响品牌 精工成就精彩</span>
                </div>
            </a>
            <a href="singleCompany.jsp">
                <div class="ii"><img src="../images/g3.jpg" width="228" height="145"></div>
                <div>
                    <p>T6空间设计</p>
                    <span>品质打响品牌 精工成就精彩</span>
                </div>
            </a>
            <a href="singleCompany.jsp">
                <div class="ii"><img src="../images/g4.jpg" width="228" height="145"></div>
                <div>
                    <p>T6空间设计</p>
                    <span>品质打响品牌 精工成就精彩</span>
                </div>
            </a>
            <a href="singleCompany.jsp">
                <div class="ii"><img src="../images/g5.jpg" width="228" height="145"></div>
                <div>
                    <p>T6空间设计</p>
                    <span>品质打响品牌 精工成就精彩</span>
                </div>
            </a>
            <a href="singleCompany.jsp">
                <div class="ii"><img src="../images/g6.jpg" width="228" height="145"></div>
                <div>
                    <p>T6空间设计</p>
                    <span>品质打响品牌 精工成就精彩</span>
                </div>
            </a>
        </div>
        <div class="do_r_r">
            <a href="#">
                <img src="../images/gg_1.jpg" height="417" width="248">
            </a>
        </div>
    </div>
</div>
<div class="clear"></div>
<!--装修效果图-->
<div class="jia_imghome">
    <div class="do_tit">
        <h2>装修效果图</h2>
    </div>
    <div class="banner_list">
        <div class="lun_banner">
                <div class="ft-carousel" id="carousel_1">
                    <ul class="carousel-inner">
                        <li class="carousel-item"><img src="../images/xg_1.jpg" /></li>
                        <li class="carousel-item"><img src="../images/xg_2.jpg" /></li>
                        <li class="carousel-item"><img src="../images/xg_3.jpg" /></li>
                        <li class="carousel-item"><img src="../images/xg_4.jpg" /></li>
                    </ul>
                </div>
        </div>
        <div class="center_banner">
            <div class="cen_top">
                <a href="resultAll.jsp">
                    <img src="../images/zx_1.jpg">
                </a>
                <div class="gloab_opc">
                    <span class="jia_gloab_title">
                        50平小户型装修 治愈系空间
                    </span>
                </div>
            </div>
            <div class="cen_t">
                <div class="cent_t_left">
                    <div class="circle-wrapper">
                        <a href="resultAll.jsp">
                            <img src="../images/zx_2.jpg">
                        </a>
                        <div class="gloab_opc">
                            <span class="jia_gloab_title">
                                93平简美风格 灵魂深处的家
                            </span>
                        </div>
                    </div>
                </div>
                <div class="cent_t_right">
                    <div class="circle-wrapper">
                        <a href="resultAll.jsp">
                            <img src="../images/zx_3.jpg">
                        </a>
                        <div class="gloab_opc">
                        <span class="jia_gloab_title">
                            135平宜家三居室 温和的美感
                        </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="jia_right_banner">
            <a href="resultAll.jsp">
                <img src="../images/zx_4.jpg">
                <div class="gloab_opc">
                    <span class="jia_gloab_title">
                        素年锦时 清新北欧风格装修
                    </span>
                </div>
            </a>
        </div>
    </div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/ft-carousel.min.js"></script>
<script type="text/javascript">
    $("#carousel_1").FtCarousel();
    $("#carousel_2").FtCarousel();
</script>
<!--家具-->
<div class="do_wrap">
    <div class="do_tit">
        <h2>买建材家具</h2>
    </div>
    <div class="do_l">
        <ul>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
            <li><a href="goodPage.jsp">新房</a></li>
        </ul>
        <div class="ban_area">
            <div class="ban_area_tit">
                <h5>优家旺铺</h5>
                <p>查口碑 看点评 享优惠</p>
            </div>
            <img src="../images/jcc.png">
        </div>
    </div>
    <div class="do_r">
        <div class="do_r_l">
            <a href="singleGood.jsp">
                <dl class="comd">
                    <dt>
                        <strong>上海防盗门</strong>
                        <p class="vice_tit">提前购买预约，享更多优惠！</p>
                    </dt>
                    <dd>
                        <img src="../images/jc_1.jpg">
                    </dd>
                </dl>
            </a>
            <a href="singleGood.jsp">
                <dl class="comd">
                    <dt>
                        <strong>上海防盗门</strong>
                        <p class="vice_tit">提前购买预约，享更多优惠！</p>
                    </dt>
                    <dd>
                        <img src="../images/jc_2.jpg">
                    </dd>
                </dl>
            </a>
            <a href="singleGood.jsp">
                <dl class="comd">
                    <dt>
                        <strong>上海防盗门</strong>
                        <p class="vice_tit">提前购买预约，享更多优惠！</p>
                    </dt>
                    <dd>
                        <img src="../images/jc_3.jpg">
                    </dd>
                </dl>
            </a>
            <a href="singleGood.jsp">
                <dl class="comd">
                    <dt>
                        <strong>上海防盗门</strong>
                        <p class="vice_tit">提前购买预约，享更多优惠！</p>
                    </dt>
                    <dd>
                        <img src="../images/jc_4.jpg">
                    </dd>
                </dl>
            </a>
            <a href="singleGood.jsp">
                <dl class="comd">
                    <dt>
                        <strong>上海防盗门</strong>
                        <p class="vice_tit">提前购买预约，享更多优惠！</p>
                    </dt>
                    <dd>
                        <img src="../images/jc_5.jpg">
                    </dd>
                </dl>
            </a>
            <a href="singleGood.jsp">
                <dl class="comd">
                    <dt>
                        <strong>上海防盗门</strong>
                        <p class="vice_tit">提前购买预约，享更多优惠！</p>
                    </dt>
                    <dd>
                        <img src="../images/jc_6.jpg">
                    </dd>
                </dl>
            </a>
        </div>
        <div class="do_r_r">
            <a href="singleGood.jsp">
                <img src="../images/jcc_1.jpg" height="417" width="248">
            </a>
        </div>
    </div>
</div>
<div class="clear"></div>
<!--家具下-->
<div class="J_box J_saleBox">
    <ul class="J_saleList">
        <li>
            <a href="#">
                <dl class="mod-1 mod-wrap">
                    <dt>
                        <img src="../images/tb_1.jpg">
                    </dt>
                    <dd>
                        <h4>东鹏瓷砖</h4>
                        <p>瓷砖</p>
                    </dd>
                </dl>
            </a>
        </li>
        <li>
            <a href="#">
                <dl class="mod-2 mod-wrap">
                    <dt>
                        <img src="../images/tb_2.jpg">
                    </dt>
                    <dd>
                        <h4>东鹏瓷砖</h4>
                        <p>瓷砖</p>
                    </dd>
                </dl>
            </a>
        </li>
        <li>
            <a href="#">
                <dl class="mod-3 mod-wrap">
                    <dt>
                        <img src="../images/tb_3.jpg">
                    </dt>
                    <dd>
                        <h4>东鹏瓷砖</h4>
                        <p>瓷砖</p>
                    </dd>
                </dl>
            </a>
        </li>
        <li>
            <a href="#">
                <dl class="mod-4 mod-wrap">
                    <dt>
                        <img src="../images/tb_4.jpg">
                    </dt>
                    <dd>
                        <h4>东鹏瓷砖</h4>
                        <p>瓷砖</p>
                    </dd>
                </dl>
            </a>
        </li>
        <li>
            <a href="#">
                <dl class="mod-5 mod-wrap">
                    <dt>
                        <img src="../images/tb_5.jpg">
                    </dt>
                    <dd>
                        <h4>东鹏瓷砖</h4>
                        <p>瓷砖</p>
                    </dd>
                </dl>
            </a>
        </li>
        <li>
            <a href="#">
                <dl class="mod-6 mod-wrap">
                    <dt>
                        <img src="../images/tb_6.jpg">
                    </dt>
                    <dd>
                        <h4>东鹏瓷砖</h4>
                        <p>瓷砖</p>
                    </dd>
                </dl>
            </a>
        </li>
    </ul>
</div>
<div class="clear"></div>
<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>